// 主入口js
import React from 'react';
/* 引入渲染dom树的对象 */
import ReactDOM from 'react-dom'
/* App为一个函数 */
import App from './App'
// 引入路由模式
import { BrowserRouter } from 'react-router-dom'
// 引入antd的css文件
import 'antd/dist/antd.css';
// antd国际化
import zhCN from 'antd/lib/locale/zh_CN';
import { ConfigProvider } from 'antd'
/* provider引入为app组件建立仓库 */
import { Provider } from 'react-redux'
/* store仓库 */
import store from './store'
/* 渲染dom树 */
/* 有render方法的一个对象 */
// console.log(ReactDOM);
// console.log(typeof(App));
// console.log(React);
ReactDOM.render(
  // 路由history模式
  <BrowserRouter>
    {/* antd国际化组件包裹app组件 */}
    <ConfigProvider locale={zhCN}>
      {/* 包裹app主组件 */}
      {/* 作为参数传入state中的数据 */}
      <Provider store={store}>
        <App />
      </Provider>
    </ConfigProvider>
  </BrowserRouter>
  ,
  document.querySelector("#root")
)

